*{
    margin: 0;
    padding: 0;
}
html{
    font-size: 26.6667vw;
}
h1,h2,h3,h4,h5,h6{
    font-weight: normal;
}
p,span{
    font-size: .14rem;
}
a{
    text-decoration: none;
}
.fl-l{
    float: left;
}
.fl-r{
    float: right;
}
/* header */
#mfw{
    height: .5rem;
    position: relative;
    display: flex;
    justify-content: center;
}

#mfw a.btn{
    background-image: url(../image/i_head5.png);
    background-repeat: no-repeat;
    background-size: 1rem 3rem;
    width: .5rem;
    height: .5rem;
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0px;
}

#mfw .cbtn{
    text-align: center;
}
#mfw .cbtn h1{
    font-size: .16rem;
    /* text-align: center; */
    line-height: .5rem;
}
#banner {
    height: 1.2rem;

}
#banner img{
    width: 100%;
}

#serach{
    width: 3.75rem;
    border-bottom: 1px solid #e4e2e2;
    /* height: .5rem; */
    padding: .10rem .15rem;
    box-sizing: border-box;
}
#serach form{
    display: flex;
    flex-direction: row;
    justify-content: left;
    background-color: #f0f0f0;
    border-radius: .04rem;
}
#serach form input{
    width: 100%;
    /* z-index: -2; */
    border: 0px;
    background-color: #f0f0f0;
    border-radius: .04rem;
}
#serach .icon{
    width: .4rem;
    height: .3rem;
    position: relative;
    display: flex;
    /* flex-direction: row; */
    /* justify-content: space-around; */
}

#serach .icon i{
    background-image: url(../image/ico5.png);
    width: .18rem;
    height: .18rem;
    display: block;
    background-size: .18rem;
    position: absolute;
    top: .08rem;
    left: .15rem;
}
#list ul{
    background-color: #f1f1f1;
}
#list ul li{
    display: flex;
    padding: .14rem 4% .18rem 4%;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff;
    margin-bottom: .1rem;
}
#list ul li h2{
    font-size: .19rem;
    color: #000;
    margin-bottom: .08rem;
}
.clarfix{
    float: left;
}
.clarfix span{
    color: #999;
}
.clarfix:after{
    clear: both;
    height: 0;
    /* display: block; */
}
.clarfix .user-img{
    color: #666;
    display: flex;
}
.clarfix .user-img span{
    margin-left: .1rem;
}
.clarfix .user-img img{
    width: .2rem;
    height: .2rem;
    border-radius: 50%;
}
.clarfix .user-pic{
    margin-right: 10px;
    float: left;
    height: 1.2rem;
}
.content .clarfix p{
    text-overflow:ellipsis;
    overflow: hidden;
    color: #666;
    font-size: .16rem;
    line-height: .26rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.content span{
    color: #999;
}
/* 更多问题 */
.more-list{
    display: block;
    margin: .15rem;
    line-height: .35rem;
    background-color: #f0f0f0;
    text-align: center;
    color: #999;
    border-radius: .04rem;
    font-size: .15rem;
}
.ask{
    background-color: #fff;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 1px solid #e5e5e5;
}
.ask .btn-ask{
    display: block;
    background: #ffa800;
    margin: .1rem 4%;
    height: .3rem;
    border-radius: 4px;
    color: #FFF;
    font-size: .15rem;
    text-align: center;
    line-height: 30px;
}
.ask .btn-ask i{
    background-image: url(./new-ask-icon4.png);
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: .06rem;
    width: .12rem;
    height: .12rem;
    background-size: .5rem;
    background-position: -0.2rem -0.12rem;
}